<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./fonts/iconfont.css">
    <link rel="stylesheet" href="./css/register.css">
</head>
<body>
    <!-- 顶部用户登录区域 -->
    <div class="top">
        <div class="bgc">
            <img src="http://cba.itlike.com/public/mweb/static/background/user-header2.png" alt="">
        </div>
        <!-- 头像部分 -->
        <div class="user">
            <div class="right">
                <img src="	http://cba.itlike.com/public/mweb/static/default-avatar.png" alt="">
            </div>
            <div class="left">
                <div class="nick">未登录</div>
                <div class="login">点击登录账号</div>
            </div>
        </div>
    </div>

    <!-- 我的钱包 -->
    <div class="money">
        <!-- 左侧 -->
        <div class="balance">
            <div class="asset-left-item">
                <div class="xian">--</div>
                <div class="tx">账户余额</div>
            </div>
            <div class="asset-left-item">
                <div class="xian">--</div>
                <div class="tx">积分</div>
            </div>
            <div class="asset-left-item">
                <div class="xian">--</div>
                <div class="tx">优惠券</div>
            </div>
        </div>
        <!-- 右侧钱包 -->
        <div class="asset-right">
            <div class="asset-right-item">
                <div class="iconfont icon-qianbao"></div>
                <div class="txt">我的钱包</div>
            </div>
        </div>
    </div>

    <!-- 订单部分 -->
    <div class="order">
        <div class="order-navbar-item">
            <div class="iconfont icon-dingdandingdanmingxishouzhimingxi-xianxing
            "></div>
            <div class="txt">全部订单</div>
        </div>
        <div class="order-navbar-item">
            <div class="iconfont icon-daizhifu"></div>
            <div class="txt">待支付</div>
        </div>
        <div class="order-navbar-item">
            <div class="iconfont icon-yifahuo"></div>
            <div class="txt">代发货</div>
        </div>
        <div class="order-navbar-item">
            <div class="iconfont icon-daishouhuo"></div>
            <div class="txt">待收货</div>
        </div>
    </div>

    <!-- 我的服务 -->
    <div class="service">
        <div class="title">我的服务</div>
        <div class="content">
            <div class="item">
                <div class="iconfont icon-weibiaoti2fuzhi08"></div>
                <div class="txt">收货地址</div>
            </div>
            <div class="item">
                <div class="iconfont icon-liwuhuodong"></div>
                <div class="txt">领券中心</div>
            </div>
            <div class="item">
                <div class="iconfont icon-gouwuche_youhuiquan"></div>
                <div class="txt">优惠券</div>
            </div>
            <div class="item">
                <div class="iconfont icon-bangzhu1"></div>
                <div class="txt">我的帮助</div>
            </div>
            <div class="item">
                <div class="iconfont icon-jifenduihuan"></div>
                <div class="txt">我的积分</div>
            </div>
            <div class="item">
                <div class="iconfont icon-tuihuanhuo"></div>
                <div class="txt">退换/售后</div>
            </div>
        </div>
    </div>

    <!-- 退出登录按钮 -->
    <div class="backlogin">退出登录</div>

    <!-- 底部快捷导航 -->
    <div class="footer">
        <ul>
          <li class="">
            <i class="iconfont icon-shouye-zhihui"></i>
            <p>首页</p>
          </li>
          <li>
            <i class="iconfont icon-fenlei"></i>
            <p>分类</p>
          </li>
          <li class="">
            <i class="iconfont icon-gouwuche"></i>
            <p>购物车</p>
          </li>
          <li class="active">
            <i class="iconfont icon-wode"></i>
            <p>我的</p>
          </li>
        </ul>
    </div>
  
      <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.6/axios.js"></script>
      <script src="./js/register.js"></script>
      <!-- <script src="./js/commen.js"></script> -->
</body>
</html>